<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>


</head>

<body>
    <div id="content">

        <ul>
            <li>祝福冬奥</li>
            <li>北克汉姆:忠心希望北京能够申办成功</li>
            <li>姚明：北京深奥会是个非常棒的机会！加油 </li>
            <li> 张虹：北京奥运会，大家的热情超乎想象 </li>
            <li>肖恩怀特：我爱北京，支持北京申办冬奥运会 </li>

            <li> 赵宏博：北京申办冬奥会会是再合适不过了 </li>
            <li>你喜欢哪些冬季运动项目（点击进入调查页）</li>

        </ul>
    </div>
    <script src="js/jquery.js"></script>
    <script>
        $(function () {

            $('#content  ul>li').css({ 'width': '320px', 'height': '40px', 'line-height': '40px', 'list-style': 'none','font-size':'14px' })
            $('#content   ul>li:even').css({ 'background': '#ccc' })
            $('#content   ul>li:odd').css({ 'background': '#white' })

            $('#content  ul>li:eq(0)').css({ 'background': 'blue', 'color': 'white', })

            $('#content  ul>li:eq(1)').css({ 'color': 'red', 'font-size': '16px' })

        })



    </script>

</body>

</html>